<template>
	<view>
		<view class="warp rowsc align-center" >
			<view class="video-body" @click.stop>
				<view class="rowsc">
					<video
						:src="value"
						controls :autoplay='true'></video>
				</view>
				<view class="rowsc">
					<view class="video-close" @click="videoMen">
						关闭
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			value:String
		},
		methods:{
			//关闭
			videoMen(){
				this.$emit('videoMen','关闭')
			}
		},
	
	}
</script>

<style lang="scss">
	.video-body {
		video {
			border-radius: 30rpx;
			height: 500rpx;
			width: 640rpx;
		}
	
		.video-close {
			border: 1rpx solid white;
			color: white;
			padding: 10rpx 35rpx;
			border-radius: 30rpx;
			margin-top: 30rpx;
		}
	}
	.video_play{
		height: 50rpx;
		width: 50rpx;
		position: absolute;
		z-index: 9999;
		top: 80rpx;
		left: 120rpx;
		
	}
</style>
